<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=0.5, user-scalable=no">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <link rel="stylesheet" href="pulgins/bootstrap-3.3.7-dist/css/bootstrap.min.css">
    <link rel="stylesheet" href="stylesheets/reset.css">
    <link rel="stylesheet" href="pulgins/jquery-sdpagination.js/dist/sdpagination.min.css">
    <link rel="stylesheet" href="stylesheets/index.css?20180111">
    <link href="pulgins/date_pulgins/daterangepicker.css" rel="stylesheet" type="text/css">
    <script type="text/javascript" src="http://webapi.amap.com/maps?v=1.4.2&key=5875426718cc36e009ec22b14eb4c273&plugin=AMap.Autocomplete,AMap.Geocoder,AMap.PlaceSearch"></script>
    <script src="//webapi.amap.com/ui/1.0/main.js?v=1.0.11"></script>
    <script src="pulgins/jquery/jquery-3.1.0.min.js"></script>
    <script src="pulgins/tpl/tpl.min.js"></script>
    <script src="pulgins/qrcode/qrcode.min.js"></script>
    <script src="pulgins/jqprint/jquery.jqprint-0.3.js"></script>
    <script src="pulgins/jqprint/jquery-migrate-1.2.1.min.js"></script>
    <script src="pulgins/jquery-sdpagination.js/dist/jquery-sdpagination.min.js"></script>
    <script type="text/javascript" src="pulgins/date_pulgins/moment.min.js"></script>
    <script type="text/javascript" src="pulgins/date_pulgins/daterangepicker.js"></script>
    <script src="pulgins/bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>
    <script src="javascripts/public.js?20180111"></script>
    <script src="javascripts/JD_admin.js?20180111"></script>
    <title>9D商家管理</title>
</head>
<body>
<div id="all_wrap_">
    <div class="content">
        <div class="content_left">
            <img src="images/logo.png" alt="">
            <ul>
                <a href="JD_admin.html">
                    <li style="background:#000;">
                        <span class="glyphicon glyphicon glyphicon-th"></span>
                        <p>商家管理</p>
                    </li>
                </a>
            </ul>
        </div>
        <div class="content_right">
            <div class="right-top">
                <b class="glyphicon glyphicon-resize-small"></b>
                <div>
                    <img src="images/logo.png" alt="">
                    <p id="user_name"></p>
                    <b class="glyphicon glyphicon-chevron-down"></b>
                    <div id="exit" title="点击后退出登录" >
                        <span>退出</span>
                        <b  class="glyphicon glyphicon-log-out"></b>
                    </div>
                </div>
            </div>
            <!--主要部分-->
            <div class="supervise">
                <div class="container-fluid">
                    <div class="supervise_header">
                        <div class="row">
                            <h2 class="col-xs-4 col-xs-offset-1">商品管理操作</h2>
                            <div class="col-xs-6">
                                <button id="add_btn" class="btn btn-default fr">添加商家</button>
                            </div>
                        </div> 
                        <div class="row">
                            <div class="col-sm-2 col-xs-10 col-xs-offset-1" style="margin-top: 10px;">
                                <div class="input-group">
                                    <span style="position: relative;top: 0;  cursor: pointer;" class=" bg-info input-group-addon">选择</span>
                                    <select name="" class="form-control" id="select_status">
                                        <option value="">全部</option>
                                        <option value="0">下线</option>
                                        <option value="1">上线</option>
                                    </select>

                                </div>
                            </div>
                            <div class="col-sm-3 col-xs-10 col-sm-offset-0 col-xs-offset-1" style="margin-top: 10px;">
                                <div class="input-group">
                                    <span style="position: relative;top: 0;  cursor: pointer;" class=" bg-info input-group-addon">是否核实</span>
                                    <select name="" class="form-control" id="select_isverify">
                                        <option value="">全部</option>
                                        <option value="0">未核实</option>
                                        <option value="1">已核实</option>
                                    </select>

                                </div>
                            </div>
                            <div class="col-sm-2 col-xs-10 col-sm-offset-0 col-xs-offset-1" style="margin-top: 10px;">
                                <div class="input-group">
                                    <span style="position: relative;top: 0;  cursor: pointer;" class=" bg-info input-group-addon">是否有效</span>
                                    <select name="" class="form-control" id="select_isvalid">
                                        <option value="">全部</option>
                                        <option value="0">无效</option>
                                        <option value="1">有效</option>
                                    </select>

                                </div>
                            </div>
                            <div class="col-sm-3 col-xs-10 col-sm-offset-1 col-xs-offset-1" style="margin-top: 10px;">
                                <div class="input-group">
                                    <form action="" id="form_search">
                                        <input type="text" id="search_input" placeholder="请输入商家名称"  class="form-control">
                                    </form>
                                    <span id="search_btn" style="position: relative;top: 0;  cursor: pointer;"
                                          class="glyphicon bg-info glyphicon-search input-group-addon">搜索</span>
                                </div>
                            </div>
                        </div>

                    </div>
                    <div class="supervise-body">
                        <div class="row">
                            <div class="col-xs-12 col-lg-12 col-xs-offset-0 ">
                                <div class="table-responsive">
                                    <table style="margin-top: 30px;" id="shangpin_table"
                                           class="table-hover table-striped table table-bordered">
                                    </table>
                                </div>

                            </div>

                        </div>
                        <!--<div class="row">-->
                            <!--<div class="col-xs-10 col-xs-offset-1">-->
                                <!--<button style="margin-right:20px;margin-left:10px;"-->
                                        <!--class="fr btn-success glyphicon glyphicon-open  btn btn-xs" id="all_up">上架-->
                                <!--</button>-->
                                <!--<button class="fr glyphicon glyphicon-saved btn btn-info btn-xs " id="all_down">下架</button>-->
                                <!--<div id="all_select" style="cursor: pointer;" class="fr" style="padding-bottom: 10px">-->
                                    <!--<span style="margin-top: 8px;margin-right: 10px;margin-left: 3px;" class="fr">全选</span>-->
                                    <!--<input type="checkbox" class="fr" style="width: 15px;height:15px;margin-top:7px;">-->
                                <!--</div>-->

                            <!--</div>-->

                        <!--</div>-->
                        <div class="row" style="margin-top:20px;">
                            <div class="col-xs-10 col-xs-offset-1">
                                <div id="page"></div>
                            </div>

                        </div>
                    </div>
                </div>
            </div>
            <!--loading -->
            <div class="loading">
                <img src="images/loading.gif" alt="">
            </div>
        </div>
        <!--添加-->
        <div class="set_shangpin" id="add_shangjia">
            <div class="set_shangpin_main">
                <b class="cancle_btn glyphicon glyphicon-remove cancle_control"></b>
                <div class="set_goods">
                    <div class="container-fluid">
                        <div class="add_goods_header">
                            <div class="row">
                                <h2 class="col-sm-4 col-sm-offset-1 col-xs-10 col-xs-offset-1">请填写您要添加的商铺信息</h2>
                            </div>
                        </div>
                        <div class="add_goods_body">
                            <div class="row">
                                <div class=" col-xs-10 col-xs-offset-1">
                                    <div class="input-group ">
                                        <span class="input-group-addon">商家名称</span>
                                        <input id="add_name" class="form-control input_is" placeholder="请输入商家名称" type="text">
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-sm-10 col-sm-offset-1 col-xs-10 col-xs-offset-1">
                                    <div class="input-group ">
                                        <span class="input-group-addon">商家电话</span>
                                        <input id="add_phone" class="form-control input_is"  placeholder="请输入商家电话">
                                    </div>
                                </div>

                            </div>
                            <div class="row">
                                <div class=" col-xs-10 col-xs-offset-1">
                                    <div class="yewu" id="add_yewu">
                                         <p>选择业务 <span></span>已选择</p>
                                        <div class="item_yewu">
                                            <b>一级分类</b>
                                            <ul>
                                                <li>水电费</li>
                                                <li>水电费</li>   <li>水电费</li>
                                                <li>水电费</li>   <li>水电费</li>

                                            </ul>
                                        </div>  <div class="item_yewu">
                                        <b>一级分类</b>
                                        <ul>
                                            <li class="active_yewu">水电费</li>
                                            <li>水电费</li>   <li>水电费</li>
                                            <li>水电费</li>   <li>水电费</li>
                                            <li>水电费</li>   <li>水电费</li>
                                            <li>水电费</li>   <li>水电费</li>
                                            <li>水电费</li>   <li>水电费</li>
                                            <li>水电费</li>   <li>水电费</li>
                                            <li>水电费</li>   <li>水电费</li>
                                            <li>水电费</li>   <li>水电费</li>
                                            <li>水电费</li>   <li>水电费</li>
                                            <li>水电费</li>   <li>水电费</li>
                                            <li>水电费</li>   <li>水电费</li>
                                            <li>水电费</li>
                                        </ul>
                                    </div>

                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class=" col-xs-10 col-xs-offset-1">
                                    <div class="input-group ">
                                        <span class="input-group-addon">商家地址</span>
                                        <input id="add_address" class="form-control" placeholder="请搜索具体位置" type="text">
                                    </div>
                                    <div class="add_map_hint">
                                        <p>请点击地图选择您的位置</p>
                                        <p>已选位置：<span id="select_address" style="margin-right: 30px">未选择</span> 坐标：<span id="select_point_lng"></span><span id="select_point_lat" style="margin-left: 15px" ></span></p>
                                    </div>

                                    <div id="add_map_wrap">

                                    </div>
                                </div>

                            </div>
                            <div class="row">
                                <div class="col-sm-10 col-sm-offset-1 col-xs-10 col-xs-offset-1">
                                    <form style="display: none" action=""  method="post"
                                          enctype="multipart/form-data">
                                        <input id="add_input_file" accept="image/png,image/gif,image/jpeg" type="file"
                                               name="img">
                                    </form>
                                    <button id="add_up_button" class="btn-info btn">产品默认图片上传 <span
                                            class="glyphicon glyphicon-open"></span></button>
                                    <div class="add_img_wrap">
                                    </div>
                                </div>

                            </div>
                            <div class="row">
                                <div class="col-sm-10 col-sm-offset-1 col-xs-10 col-xs-offset-1">
                                    <b class="col-xs-5 btn btn-warning cancle_control" data-toggle="modal"
                                       data-target="#myModal">取消</b><span
                                        class="col-xs-5 btn btn-success col-xs-offset-2" data-toggle="modal" id="add"
                                        data-target="#myModal">添加商品</span>
                                </div>

                            </div>
                        </div>
                    </div>

                </div>
            </div>
        </div>
        <!--修改-->
        <div class="set_shangpin" id="set_shangjia">
            <div class="set_shangpin_main">
                <b class="cancle_btn glyphicon glyphicon-remove cancle_control"></b>
                <div class="set_goods">
                    <div class="container-fluid">
                        <div class="add_goods_header">
                            <div class="row">
                                <h2 class="col-sm-4 col-sm-offset-1 col-xs-10 col-xs-offset-1">请填写您要修改的商家信息</h2>
                            </div>
                        </div>
                        <div class="add_goods_body">
                            <div class="row">
                                <div class=" col-xs-10 col-xs-offset-1">
                                    <div class="input-group ">
                                        <span class="input-group-addon">商家名称</span>
                                        <input id="set_name" class="form-control input_is" placeholder="请输入商家名称" type="text">
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-sm-10 col-sm-offset-1 col-xs-10 col-xs-offset-1">
                                    <div class="input-group ">
                                        <span class="input-group-addon">商家电话</span>
                                        <input id="set_phone" class="form-control input_is"  placeholder="请输入商家电话">
                                    </div>
                                </div>

                            </div>
                            <div class="row">
                                <div class=" col-xs-10 col-xs-offset-1">
                                    <div class="yewu" id="set_yewu">
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class=" col-xs-10 col-xs-offset-1">
                                    <div class="input-group ">
                                        <span class="input-group-addon">商家地址</span>
                                        <input id="set_address" class="form-control"placeholder="请搜索具体位置"  type="text">
                                    </div>
                                    <div class="add_map_hint">
                                        <p>请点击地图选择您的位置</p>
                                        <p>已选位置：<span id="set_select_address" style="margin-right: 30px">未选择</span> 坐标：<span id="set_select_point_lng"></span><span id="set_select_point_lat" style="margin-left: 15px" ></span></p>
                                    </div>

                                    <div id="set_map_wrap">

                                    </div>
                                </div>

                            </div>
                            <div class="row">
                                <div class="col-sm-10 col-sm-offset-1 col-xs-10 col-xs-offset-1" style="margin-bottom: 10px">
                                   <p>已选图片</p>
                                    <img src="" id="set_img" alt="">
                                </div>
                                <div class="col-sm-10 col-sm-offset-1 col-xs-10 col-xs-offset-1">
                                    <form style="display: none" action=""  method="post"
                                          enctype="multipart/form-data">
                                        <input id="set_input_file" accept="image/png,image/gif,image/jpeg" type="file"
                                               name="img">
                                    </form>
                                    <button id="set_up_button" class="btn-info btn">图片上传 ( 覆盖原图 )<span
                                            class="glyphicon glyphicon-open"></span></button>
                                    <div class="set_img_wrap">
                                    </div>
                                </div>

                            </div>
                            <div class="row">
                                <div class="col-sm-10 col-sm-offset-1 col-xs-10 col-xs-offset-1">
                                    <b class="col-xs-5 btn btn-warning cancle_control" data-toggle="modal"
                                       data-target="#myModal">取消</b><span
                                        class="col-xs-5 btn btn-danger col-xs-offset-2" data-toggle="modal" id="set"
                                        data-target="#myModal">修改商品</span>
                                </div>

                            </div>
                        </div>
                    </div>

                </div>
            </div>
        </div>
        <!--记录-->
        <div class="set_shangpin" id="supervise_record">
            <div class="set_shangpin_main">
                <div class="set_goods">
                    <div class="container-fluid">
                        <button type="button" class="close" id="close_record" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                        <div class="add_goods_header">
                            <div class="row">
                                <h2 class="col-sm-4 col-sm-offset-1 col-xs-10 col-xs-offset-1">请操作商品记录</h2>
                            </div>

                            <div class="row">
                                <div style="margin-top:10px;" class="col-sm-4 col-sm-offset-1 col-xs-10 col-xs-offset-1">
                                    <div class="input-group">
                                        <span class="input-group-addon">操作类型</span>
                                        <select class="form-control" name="" id="taocan_select1">
                                        </select>
                                    </div>
                                </div>
                                <div style="margin-top:10px;"
                                     class="col-sm-4 col-sm-offset-0 col-xs-10 col-xs-offset-1">
                                    <div class="input-group ">
                                <span id="input_time_btn" class="input-group-addon glyphicon glyphicon-calendar"
                                      style="top:0;cursor: pointer;"></span>

                                        <input type="text" id="input_time" class="form-control">


                                        <span class="input-group-addon" id="search_time" style="cursor: pointer;">搜索</span>
                                    </div>

                                </div>
                            </div>
                        </div>
                        <div class="add_goods_body">
                            <div class="row" style="margin-top: 0px">
                                <div class="col-xs-10 col-xs-offset-1">

                                    <table id="add_taocan_table" class="table">
                                    </table>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-xs-10 col-xs-offset-1">
                                    <div id="page1"></div>
                                </div>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
        </div>
        <!--二维码-->
        <div id="erweima_wrap">
            <div class="erweima_wrap">
                <!--<div class="item_erweima">-->
                <!--<div class="img_erweima"></div>-->
                <!--<p class="brand_erwema">品牌：<span></span></p>-->
                <!--<p class="gui_erwema">规格：<span></span></p>-->
                <!--<p class="name_erwema">名称：<span></span></p>-->
                <!--</div>-->
            </div>
            <button style="margin-top: 15px" id="pring_erweima" class="btn-primary btn">打印二维码</button>
            <span class="glyphicon glyphicon-remove close_erweima"></span>
        </div>
    </div>
</div>


<!--提示<&ndash;&gt;-->
<div class="hint">
    <span> 商品名称</span>
</div>
<!--提示确认-->
<div class="modal" id="modal_wrap" aria-labelledby="myModalLabel" tabindex="-1" role="dialog">
    <div class="modal-dialog" style="top: 20%;" role="document">
        <div class="modal-content">
            <div style="font-size: 20px;" class="modal-header">
                <h4 class="modal-title">提示</h4>
            </div>
            <div style="font-size: 20px;" class="modal-body">
            </div>
            <div class="modal-footer">
                <button type="button" id="modal_close" class="btn btn-default">取消</button>
                <button type="button" class="btn btn-primary" id="confirm">确定</button>
            </div>
        </div>
    </div>
</div>
<!--图片展示-->
<div class="img_show">
    <img src="" alt="">
</div>
</body>
</html>